<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page  isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<title>Comunidad Garmendia</title>
	
	<style type="text/css">
		<%@ include file="css/style.css"%>  
	</style>
	
	<link href="css/nf.lightbox.css" rel="stylesheet" type="text/css" media="screen" />
	
	<link href="css/gallery.css" rel="stylesheet" type="text/css" media="screen"/>
	
	<link rel="stylesheet" type="text/css" href="css/tabs.css" />
	
	<style>
	
	/* tab pane styling */
	div.panes div {
		display:none;		
		padding:15px 10px;
		border:1px solid #999;
		border-top:0;
		height:100px;
		font-size:14px;
		background-color:#fff;
	}
	</style>
	
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    
    <script src="http://cdn.jquerytools.org/1.1.2/jquery.tools.min.js"></script>
    
    <script src="js/NFLightBox.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(function() {
        var settings = { containerResizeSpeed: 350 };
            $('#gallery a').lightBox(settings);
        });
    </script>
    
    <script>
		$(function() {
			// setup ul.tabs to work as tabs for each div directly under div.panes
			$("ul.tabs").tabs("div.panes > div");
		});
	</script>

    <script type="text/javascript">

		function assist(){
			document.getElementById("notAssist").checked = false;
		}

		function notAssist(){
			document.getElementById("assist").checked = false;
		}

		function changeTab(){
			images = document.getElementById("gallery");
			document.getElementById("imagesEmpty").innerHTML = images.innerHTML;
		}
	</script>
	
</head>


<body>

	<div id="wrapper">
	
		<!-- the tabs -->
		<ul class="tabs">
			<li><a href="#">Home</a></li>
			<li><a href="#">Fotos</a></li>
			<li><a href="#">Videos</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Contacto Pibes</a></li>
			<li><a href="#">Acerca de</a></li>
		</ul>
<!-- ============================================ H E A D E R =================================================		-->		
		<div id="header">
			<div id="logo">
				<h1><a href="#">Comunidad Garmendia  </a></h1>
				<p> design by Piclez...</p>
			</div>
		</div>
<!-- ============================================ F I N  H E A D E R =================================================		-->		
		
		<div id="page">
				<div id="page-bgtop">
					<div id="page-bgbtm">
						
						<div class="panes">
							<div id="content">1</div>
							<div id="content">2</div>
							<div id="content">3</div>
							<div id="content">4</div>
							<div id="content">5</div>
							<div id="content">6</div>
						</div>
						
 		<!-- ============================================ S I D E B A R =================================================     -->				
						<div id="sidebar">
							<ul>
								<li>
									<div id="search" >
									<form method="get" action="#">
										<div>
											<input type="text" name="s" id="search-text" value="" />
											<input type="submit" id="search-submit" value="GO" disabled="disabled"/>
										</div>
									</form>
									</div>
									<div style="clear: both;">&nbsp;</div>
								</li>
								<li>
									<h2>Soccer versión 0.1 (Beta)</h2>
									<p>Software para que no vayamos al dope los jueves y para sacar estadisticas de quien es el más puto de los pibes despues de Bito</p>
								</li>
								<li>
									<h2>Tabla de posiciones</h2>
									<ul>
										<li><a href="#">En construcción</a></li>
									</ul>
								</li>
								<li>
									<h2>Historial</h2>
									<ul>
										<li><a href="#">En construcción</a></li>
									</ul>
								</li>
								<li>
									<h2>El mas puto hoy es...</h2>
									<ul>
										<li><a href="#">En construcción</a></li>
									</ul>
								</li>
							</ul>
						</div>
		<!-- ============================================ F I N   S I D E B A R =================================================		-->
						
						<div style="clear: both;">&nbsp;</div>
					</div>
				</div>
			</div>



<!-- ============================================ F O O T E R =================================================		-->
		<div id="footer">
			<p>Copyright (c) 2010 Garmendia & Friends. All rights reserved. Design by Picklez.</p>
		</div>
<!-- ============================================ F I N  F O O T E R =================================================		-->
		
	</div>

</body>
</html>
